<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Basic</title>
</head>
<body>
  <!-- include a-frame -->
<script src="public/sdk/aframe/aframe.js"></script>
<!-- include aframe-artoolkit -->
<script src="public/sdk/aframe/aframe-ar.js"></script>

<body style='margin : 0px; overflow: hidden; font-family: Monospace;'><div style='position: fixed; top: 10px; width:inherit; text-align: center; z-index: 1;'>
	<a href="https://github.com/jeromeetienne/AR.js/" target="_blank">AR.js</a> - example for a-frame
	<br/>
	Contact me any time at <a href='https://twitter.com/jerome_etienne' target='_blank'>@jerome_etienne</a>
</div>
	<!-- enable artoolkit on this scene -->
	<a-scene embedded artoolkit='sourceType: image; sourceUrl:public/sdk/images/img.jpg;'>
	<!-- <a-scene embedded artoolkit='sourceType: webcam;'> -->
		<!-- define a marker -->
		<a-marker>
			<!-- define the object which gonna be put on this marker  -->
			<a-box position='0 0.5 0' material='opacity: 0.5; side: double'>
				<a-torus-knot radius='0.27' radius-tubular='0.05'>
					<a-animation attribute="rotation" to="360 0 0" dur="5000" easing='linear' repeat="indefinite"></a-animation>
				</a-torus-knot>
			</a-box>
		</a-marker>
		<!-- define a simple camera -->
		<a-entity camera></a-entity>
	</a-scene>
</body>
</html>
